<template>
  <div id="error-box">
    <div class="error">
      <i class="iconfont icon-che">&#xe619;</i>
      <p>{{errorMsg}}</p>
    </div>
  </div>
</template>
<script>
  export default{
    data(){
      return {
        errorMsg: '123'
      }
    },
    methods: {
      getMsg(){
        console.log("error返回字段=>" + sessionStorage.getItem("errorMsg"))
        this.errorMsg = sessionStorage.getItem("errorMsg")
      }
    },
    mounted(){
      this.getMsg()
    }
  }
</script>
<style lang="less" rel="stylesheet/less">
  @mainColor: #e6454a;
  html {
    height: 80%;
    width: 100%;
  }

  #app {
    height: 80%;
    width: 100%;
  }

  #error-box {
    color: @mainColor;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .error {
    text-align: center;
  }

  .icon-che {
    font-size: 60px;
  }
</style>
